<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<link rel="stylesheet/less" href="./css/reset.less" />
		<link rel="stylesheet/less" href="./css/common.less" />
		<link rel="stylesheet/less" href="./css/tabbar.less" />
		<link rel="stylesheet/less" href="./css/home.less" />
		<script src="./js/less.js"></script>
	</head>
	<body>
		<!-- 底部tabbar -->
		<div class="tabbar">
			<div class="item">
				<img src="./img/tabbar_home_active.png" alt="" />
			</div>
			<div class="item">
				<img src="./img/tabbar_category.png" alt="" />
			</div>
			<div class="item">
				<img src="./img/tabbar_cart.png" alt="" />
			</div>
			<div class="item">
				<img src="./img/tabbar_profile.png" alt="" />
			</div>
		</div>

		<!-- home -->
		<div class="home">
			<div class="download">
				<div class="left">
					<img src="./img/logo.png" alt="" class="logo" />
					<div class="info">
						<div class="title">
							【考拉海购】官方自营 正品保障【考拉海购】官方自营
							正品保障【考拉海购】官方自营 正品保障
						</div>
						<div class="desc">
							下载APP新人可享125院购物礼包下载APP新人可享125院购物礼包
						</div>
					</div>
				</div>

				<a href="#" class="right"> 打开app </a>
			</div>

			<!-- 搜索框 -->
			<!-- 列表 -->
			<div class="subsidy">
				<div class="header">
					<div class="left">
						<img src="./img/strong_subsidy.png" alt="" />
						<div class="time">
							<span class="item hour">07</span>
							<span class="split">:</span>
							<span class="item mimute">51</span>
							<span class="split">:</span>
							<span class="item secs">55</span>
						</div>
					</div>

					<div class="right">大牌低价补贴</div>
				</div>

				<ul class="list">
					<li class="item">
						<img src="./img/subsidy_01.jpg" alt="" />
						<div class="info">
							<div class="new">硬核价￥362</div>
							<div class="old">￥999</div>
						</div>
					</li>

					<li class="item">
						<img src="./img/subsidy_01.jpg" alt="" />
						<div class="info">
							<div class="new">硬核价￥362</div>
							<div class="old">￥999</div>
						</div>
					</li>

					<li class="item">
						<img src="./img/subsidy_01.jpg" alt="" />
						<div class="info">
							<div class="new">硬核价￥362</div>
							<div class="old">￥999</div>
						</div>
					</li>

					<li class="item">
						<img src="./img/subsidy_01.jpg" alt="" />
						<div class="info">
							<div class="new">硬核价￥362</div>
							<div class="old">￥999</div>
						</div>
					</li>
				</ul>
			</div>

			<div class="category">
				<div class="item active">
					<div class="title">精选</div>
					<div class="subtitle">猜你喜欢</div>
				</div>

				<div class="item">
					<div class="title">特惠</div>
					<div class="subtitle">多买多省</div>
				</div>

				<div class="item">
					<div class="title">精选</div>
					<div class="subtitle">猜你喜欢</div>
				</div>

				<div class="item">
					<div class="title">精选</div>
					<div class="subtitle">猜你喜欢</div>
				</div>

				<div class="item">
					<div class="title">精选</div>
					<div class="subtitle">猜你喜欢</div>
				</div>
			</div>

			<div class="product">
				<div class="item">
					<div class="album">
						<img src="./img/product_01.jpg" alt="" />
					</div>
					<div class="info">
						<div class="company">索尼</div>

						<div class="desc">
							Sony索尼 PlayStations主机PS5游戏机, 日版
						</div>

						<div class="tags">
							<span class="tag ticket">下单立减300元</span>
							<span class="tag">下单立减300元</span>
						</div>

						<div class="price">优惠价￥4599</div>
					</div>
				</div>

				<div class="item">
					<div class="album">
						<img src="./img/product_01.jpg" alt="" />
					</div>
					<div class="info">
						<div class="company">索尼</div>

						<div class="desc">
							Sony索尼 PlayStations主机PS5游戏机, 日版
						</div>

						<div class="tags">
							<span class="tag">下单立减300元</span>
							<span class="tag">包税</span>
						</div>

						<div class="price">优惠价￥4599</div>
					</div>
				</div>

				<div class="item">
					<div class="album">
						<img src="./img/product_01.jpg" alt="" />
					</div>
					<div class="info">
						<div class="company">索尼</div>

						<div class="desc">
							Sony索尼 PlayStations主机PS5游戏机, 日版
						</div>

						<div class="tags">
							<span class="tag">下单立减300元</span>
							<span class="tag">包税</span>
						</div>

						<div class="price">优惠价￥4599</div>
					</div>
				</div>

				<div class="item">
					<div class="album">
						<img src="./img/product_01.jpg" alt="" />
					</div>
					<div class="info">
						<div class="company">索尼</div>

						<div class="desc">
							Sony索尼 PlayStations主机PS5游戏机, 日版
						</div>

						<div class="tags">
							<span class="tag">下单立减300元</span>
							<span class="tag">包税</span>
						</div>

						<div class="price">优惠价￥4599</div>
					</div>
				</div>
			</div>
		</div>

		<!-- <div class="category"></div>
		<div class="cart"></div>
		<div class="profile"></div> -->
	</body>
</html>
